{% extends "base.html" %}
{% block javascript %}
<script type="text/javascript">
    $(function () {
        $('#myModal').modal('hide')
    });
</script>
{% endblock %}
{% block main %}
        <div id="page-wrapper">

            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h3 class="page-header">
                            UI Auto Detail
                        </h3>
                        <ol class="breadcrumb">
                            <li>
                                <i class="fa fa-dashboard"></i>  <a href="../index">Dashboard</a>
                            </li>
                            <li class="active">
                                <i class="fa fa-table"></i> UI Auto Detail
                            </li>
{#                            <a  href="http://json.cn"  style="float: right;" target="_blank">JSON格式化</a>#}
                        </ol>
                    </div>
                </div>
                <div class="row" style="min-height: 500px">
                    <div class="col-lg-1"></div>
                    {% if images != 'ok' %}
                        {% if images != '' %}
                        <div class="col-lg-4">
{#                        {% for img in images %}#}
{#                             <img src="/qa/static/images/client/login_test_phone_login_09-30-51.png" width="300"/>#}
                             <img src="../../qa/static/images/client/{{ images }}" width="300"/>
{#                        {% endfor %}#}
                        </div>
                         {% endif %}
                    {% endif %}
                    <div class = "col-lg-6">
                        {% for value in data %}
                            <div style="margin-bottom: 2%">
                                <h4 style="color:cornflowerblue; text-align: center">
                                    详情
                                </h4>
                            </div>
                            <div class="col-sm-6">
                                <p>
                                   <b>平台:&nbsp;&nbsp;</b>{{ value.platform }}
                                </p>
                                <p>
                                   <b>结果:&nbsp;&nbsp;</b>{{ value.result_describe }}
                                </p>
                            </div>
                            <div class="col-sm-6">
                                <p>
                                   <b>版本:&nbsp;&nbsp;</b>{{ value.version }}
                                </p>
                                <p>
                                    <b>时间:&nbsp;&nbsp;</b>{{ value.creatdate }}
                                </p>
                            </div>
                            <p style="margin-left: 3%">
                               <b>模块名称:&nbsp;&nbsp;</b>{{ value.module }}
                            </p>
                            <p style="margin-left: 3%">
                               <b>测试用例:&nbsp;&nbsp;</b>{{ value.casename }}
                            </p>
                            <p style="margin-left: 3%">
                               <b>异常:&nbsp;&nbsp;</b>{{ value.exception }}
                            </p>
                            <p style="margin-left: 3%">
                               <b>是否发送邮件:&nbsp;&nbsp;</b>{{ value.notice_describe }}
                            </p>

{#                            <div style="text-align: left">#}
{#                                <p style="position:relative;width: 100%;height:auto;; overflow-x:auto">#}
{##}
{#                                   <b>接口返回数据:</b><br>#}
{#                                    <textarea class="form-control" style="width: 100%;min-height: 300px;margin-top: 2%; disabled: disabled">{{ value.data }}#}
{#                                    </textarea>#}
{#                                </p>#}
{#                            </div>#}
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    <script src="../../qa/static/js/jquery.js"></script>
    <script src="../../qa/static/js/bootstrap.min.js"></script>
{% endblock %}